main {
    overflow-y: auto;
    background-color: #ddd;
    div.category {
        display: flex;
        flex-wrap: wrap;
        background: white;
        margin-bottom: 5px;
        a {
            width: 20vw;
        }
    }

    div.ad {
        display: flex;
        // margin-bottom: 5px;
        & > a {
            margin-right: 3px;
        }
        & > div {
            display: flex;
            flex-direction: column;
            &>a {
                display: flex;
            }
        }
    }

    div.lists {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-color: white;
        padding: 5px 0;
        box-sizing: border-box;
        section {
            width: 50%;
            text-align: center;
            color: #999;
            margin-bottom: 20px;
            &:nth-child(odd) {
                padding: 0 3px 0 6px;
            }
            &:nth-child(even) {
                padding: 0 6px 0 3px;
            }
            .thumb {
                margin-bottom: 10px;
            }
            h5 {
                color: black;
                margin-bottom: 5px;
            }
            div.description {
                font-size: 12px;
            }
            div.price {
                font-size: 15px;
                color: #e74c3c;
                &::before {
                    content: '￥';
                    font-size: 12px;
                    position: relative;
                    top: -2px;
                }
                small {
                    font-size: 13px;
                }
            }
            a.btn{
                text-decoration: none;
                padding: 5px 20px;
                color: white;
                background-color: #d35400;
                margin-top: 5px;
                border-radius: 5px;
                display: inline-block;
            }
        }
    }
}
